<template>
	<view class="flex">
		<up-image :show-loading="true" :src="item.imgUrl" width="180rpx" height="180rpx"></up-image>
		<view class="rightCon" v-if="item.makeupArtist">
			<u-cell :title="roleName" :value="item.makeupArtist"></u-cell>
			<u-cell :title="`${roleName}提成`" :value="item.makeupFees"></u-cell>
		</view>
	</view>
	<u-cell title="类型" :value="orderTypeFilter(item.type)"></u-cell>
	<u-cell title="价格" :value="item.price"></u-cell>
	<u-cell title="备注" :value="item.remark"></u-cell>
	<u-cell title="租赁状态" :value="status" v-if="item.type===1"></u-cell>
</template>

<script setup>
import { orderTypeFilter } from '@/utils/data'
const props = defineProps({
    item: {
        type: Object,
        require: true,
    },
});
const roleName = computed(()=>props.item.type===3?'摄影师':'化妆师')
const status = computed(()=>props.item.leaseStatus===1?'租赁中':'已归还')
</script>

<style lang="scss" scoped>
.rightCon{
	flex: 1;
	margin-left: 20rpx;
}
</style>